<template>
    <div class="wrapper">
        <ul class="content">
            <li v-for="item in 100">分类列表{{item}}</li>
        </ul>
    </div>
</template>

<script>
    import BScroll from 'better-scroll';
    export default {
        name: "Category",
        data() {
          return {
              scroll: null
          }
        },
        mounted() {
            this.scroll = new BScroll('.wrapper', {
                probeType: 3,  //实时滚动
                pullUpLoad: true //上拉加载
            })

            this.scroll.on('scroll', position => {
            });

            this.scroll.on('pullingUp', () => {

                this.scroll.finishPullUp();
            })
        }
    }
</script>

<style scoped>
    .wrapper {
        height: 150px;
        background-color: red;
    }
</style>